<template>
  <br>表单控件<br>
  moduleId ： {{gridMeta.moduleId}} —— 模块ID<br>
  height ： {{height}} —— table的高度<br>
  stripe ： {{stripe}} —— 斑马纹<br>
  border ： {{border}} —— 纵向边框<br>
  highlightCurrentRow ： {{highlightCurrentRow}} —— 要高亮当前行<br>
  colOrder ： {{gridMeta.colOrder}} —— 字段显示的顺序<br>
  fixedIndex ： {{fixedIndex}} —— 锁定的列数<br>
  idName： {{gridMeta.idName}} —— 主键字段的名称<br>
  selection： {{selection}} —— 选择的情况<br>
  <hr>
  itemMeta：<br>
  <el-row :gutter="20">
    <el-col :span="6"
      style="border:1px solid #ddd"
      v-for="(item, index) in itemMeta" :key="index"
    >
      <div
      v-for="(item2, key, index2) in item" :key="index2"
      >
        {{key}}：{{item2}}<br>
      </div>
    </el-col>
  </el-row>
</template>

<script lang="ts">

  import { defineComponent, reactive } from 'vue'
  // import formItem from './30-form-item.vue'

  import { gridProps } from '../../../lib/grid/props-grid'

  export default defineComponent({
    name: 'ui-core-form-comp',
    components: {
      // formItem
    },
    props: {
      ...gridProps
    },
    setup(props) {
      console.log('列表组件的 props：', props)


      return {
        props
      }
    }
  })

</script>